Map 3 first commit: files, groups and layout

[rbdr/map] / Map / Presentation / Base Components / MapRender / MapStages.swift

import Patterns
import SwiftUI

struct MapStages: View {

  let mapSize: CGSize
  let lineWidth: CGFloat
  let stages: [CGFloat]
  let opacity = 0.1

  var body: some View {
    ZStack(alignment: .topLeading) {
      PatternView(
        design: .constant(.stitch), pixelSize: 1.0, foregroundColor: .map.stageForeground,
        backgroundColor: .map.stageBackground
      )
      .frame(width: w(stages[0]), height: mapSize.height)
      PatternView(
        design: .constant(.shingles), pixelSize: 1.0, foregroundColor: .map.stageForeground,
        backgroundColor: .map.stageBackground
      )
      .offset(CGSize(width: w(stages[0]), height: 0))
      .frame(width: w(stages[1]) - w(stages[0]), height: mapSize.height)
      PatternView(
        design: .constant(.shadowGrid), pixelSize: 1.0, foregroundColor: .map.stageForeground,
        backgroundColor: .map.stageBackground
      )
      .offset(CGSize(width: w(stages[1]), height: 0))
      .frame(width: w(stages[2]) - w(stages[1]), height: mapSize.height)
      PatternView(
        design: .constant(.wicker), pixelSize: 1.0, foregroundColor: .map.stageForeground,
        backgroundColor: .map.stageBackground
      )
      .offset(CGSize(width: w(stages[2]), height: 0))
      .frame(width: mapSize.width - w(stages[2]), height: mapSize.height)

      Path { path in
        path.move(to: CGPoint(x: w(stages[0]), y: 0))
        path.addLine(to: CGPoint(x: w(stages[0]), y: mapSize.height))
        path.closeSubpath()
        path.move(to: CGPoint(x: w(stages[1]), y: 0))
        path.addLine(to: CGPoint(x: w(stages[1]), y: mapSize.height))
        path.closeSubpath()
        path.move(to: CGPoint(x: w(stages[2]), y: 0))
        path.addLine(to: CGPoint(x: w(stages[2]), y: mapSize.height))
        path.closeSubpath()
        path.move(to: CGPoint(x: w(stages[0]), y: 0))
        path.closeSubpath()
      }.strokedPath(StrokeStyle(lineWidth: lineWidth / 4, dash: [10.0, 18.0])).stroke(
        Color.map.axisColor)
    }
  }

  func w(_ dimension: CGFloat) -> CGFloat {
    max(0.0, min(mapSize.width, dimension * mapSize.width / 100.0))
  }
}

#Preview {
  MapStages(
    mapSize: CGSize(width: 200.0, height: 200.0), lineWidth: CGFloat(0.5),
    stages: [25.0, 50.0, 75.0])
}